*{
    outline:0!important;margin:0;padding:0;
}
h1,h2,h3,h4,h5,h6{font-weight:normal}
button,input[type=radio],input[type=checkbox],a{cursor:pointer}
a{text-decoration:none;background:transparent;color:inherit;font-size:inherit}
a img{border:0 none}
ul,ol{list-style:none}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.small{font-size:12px}
.normal{font-weight:normal}
.bold{font-weight:700}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.pull-right{float:right}
.pull-left{float:left}
.block{display:block}
.none{display:none}
.hidden{overflow:hidden}
img{max-width:100%;}
input,select{outline:none;border:0;}

html, body{-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;-webkit-touch-callout: none;-webkit-user-select: none;-webkit-overflow-scrolling: touch;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;-webkit-perspective:1000;margin: 0;padding: 0;}
/*flex 下 text-align pull-right 无效*/
/*并排*/
.flex-center,.flex-left,.flex-right,.flex,.flex-auto,.space-between,.space-around{display: flex;flex-wrap:wrap;}
.flex-center{justify-content:center;}
.flex-left{justify-content:flex-start;}
.flex-right{justify-content:flex-end;}

.space-between{justify-content:space-between;}
.space-around{justify-content:space-around}

/*中对齐 */
.flex-auto{justify-content:center;align-items: center ;flex:0 0 auto;}
.flex-middle{align-items:center;}
/*上对齐*/
.flex-top{align-items:flex-start;}
/*下对齐*/
.flex-bottom{align-items:flex-end ;}
.item-inline{display: inline-flex;}
/*父级为flex */
.item-center{align-self:center;}
.item-top{align-self:flex-start;}
.item-bottom{align-self:flex-end;}

body{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;font-size:14px;color:#333;}